<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>知识库</title>
    <link rel="stylesheet" href="../css/common.css">
    <style>
        .main{
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }
        .bodyer{
            height: calc(100% - 130px);
            background: #ffffff url("../image/bg2.jpg")no-repeat;
            background-size: contain;
        }
        .header_t{
            border-bottom: 1px solid #3e93ff;
            background: #146ffb;
            /*background: red;*/
            height: 40px;
        }
        .header_b{
            height: 90px;
            width: 100%;
            background: url("../image/bg1.png")no-repeat;
            background-size: cover;
            background-position: center bottom;

        }
        .header_b>div{
            width: 65%;
            height: 100%;
            position: relative;
        }
        .header_b .news{
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(25,102,203,0.9);
            height: 40px;
        }
        .header_b .news>div{
            flex : 1;
        }
        .header_b .news>div>p{
            cursor: pointer;
            width: 100%;
            color: #ffffff;
            text-indent: 50px;
            justify-content: flex-start;
            font-size: 12px;
        }
        .header_b .news>div:nth-of-type(2)>p{
            border-left: 1px solid #ffffff;
        }
        p{
            margin:  0 ;
        }
        body .header_t_c{
            width: 65%;
            height: 100%;
            justify-content: space-between;
            color: #ffffff;
        }
        .header_t_c>div{
            height: 100%;
        }
        .header_t_c ul {
            height: 100%;
        }
        .header_t_c ul li{
            height: 100%;
            padding: 0px 15px;
            box-sizing: border-box;
        }
        .header_t_c ul li span{
            display: flex;
            height: 100%;
            cursor: pointer;
        }
        body .header_t_c ul .ul_active{
            border-bottom: 2px solid #ffffff;
            box-sizing: border-box;
        }
        .photo{
            width: 30px;
            height: 30px;
            background: url("../image/head.png");
            background-size: cover;
            border-radius: 50%;
        }
        .name{
            padding: 0px 10px;
        }
        .quit_btn{
            color: #72afff;
            font-style: normal;
            font-size: 12px;
            height: 100%;
            cursor: pointer;
        }
        .power{
            padding-top: 20px;
            height: 100%;
            width: 65%;
            /*padding-bottom: 50px;*/
            box-sizing: border-box;
            align-items: flex-start;
            justify-content: space-between;
        }
        .bodyer_r{
            width: calc(100% - 240px);
            /*max-width: 700px;*/
            box-shadow: 2px 2px 2px #c7c7c7;
            border-radius: 2px;
            min-width: 625px;
            padding: 10px;
            background: #fff;

        }
        thead{
            display: inline-block;
            background: #f7f7f7;
            width: 100%;
        }
        tbody{
            display: inline-block;
            width: 100%;
        }
        table th{
            text-align: center;
            font-size: 14px;
            line-height: 40px;
        }
        td{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        td>p{
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        tr{
            width: 100%;
            display: flex;
        }
        tr>td:nth-of-type(1){
            width: 35%;
        }
        tr>td:nth-of-type(2){
            width: 10%;
        }
        tr>td:nth-of-type(3){
            width: 15%;
        }
        tr>td:nth-of-type(4){
            width: 10%;
        }
        tr>td:nth-of-type(5){
            width: 5%;
        }
        tr>td:nth-of-type(6){
            width: 5%;
        }
        tr>td:nth-of-type(7){
            width: 10%;
        }
        tr>td:nth-of-type(8){
            width: 5%;
        }
        tr>td:nth-of-type(9){
            width: 5%;
        }
        th:nth-of-type(1){
            text-indent: 20px;
            width: 35%;
        }
        th:nth-of-type(2){
            width: 10%;
        }
        th:nth-of-type(3){
            width: 15%;
        }
        th:nth-of-type(4){
            width: 10%;
        }
        th:nth-of-type(5){
            width: 5%;
        }
        th:nth-of-type(6){
            width: 5%;
        }
        th:nth-of-type(7){
            width: 10%;
        }
        th:nth-of-type(8){
            width: 5%;
        }
        th:nth-of-type(9){
            width: 5%;
        }
        input[type=checkbox]{
            margin: 0;
        }
        .table_box table{
            width: 100%;
            display: inline-block;
        }
        body .table_box table td{
            /*justify-content: flex-start;*/
            text-align: center;
            font-size: 12px;
            color: #999999;
            line-height: 30px;
        }
        body .table_box table td span{
            /*text-align: left;*/
            display: inline-block;
            width: calc(100% - 30px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            /*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/
        }
        /*body tr{*/
            /*margin-top: 10px;*/
            /*padding: 10px 0px;*/
        /*}*/
        td:nth-of-type(1){
            text-align: left;
            text-indent: 10px;
        }
        body .pagination a{
            color: #333333;
        }
        body .pagination>.active>a{
            color: #1772fa;
            background: #ffffff;
            border: none;
        }
        body .pagination>li>a{
            border: none;
        }
        body .pagination>.active>a:hover{
            background: #fff;
            color: #1772fa;
        }
        body .pagination>.active>a:focus{
            background: #fff;
            color: #1772fa;
        }

        body .pagination>li>a:hover{
            background: #fff;
            color: #333333;
        }
        body .pagination>li>a:focus{
            background: #fff;
            color: #333333;
        }
        .pagination_box{
            justify-content: flex-end;
        }
        .table_box{
            /*margin-top: 10px;*/
            min-height: 400px;
        }
        body .pagination_box .pagination>li:last-child>a{
            background: #e2e2e2;
            text-align: center;
            width: 100px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
        body .pagination_box .pagination>li:first-child>a{
            background: #e2e2e2;
            text-align: center;
            width: 100px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        .ul_left{
            /*width: calc(100% - 700px);*/
            box-shadow: 2px 2px 2px #c7c7c7;
            border-radius: 2px;
            width: 200px;
            background: #ffffff;
        }
        .search_box{
            border: 1px solid #EAEAED;
            margin-top: 20px;
            justify-content: flex-start;
            width: 100%;
            height: 40px;
            background: #fbfbfb;
        }
        .search_box input{
            font-size: 12px;
            text-indent: 30px;
            width: calc(100% - 50px);
            outline: none;
            border: none;
            background: #fbfbfb;
        }
        .search_box i{
            display: inline-block;
            width: 24px;
            height: 24px;
            background: url("../image/icon_1.png")no-repeat center center;
            background-size: cover;
        }
        body .tool_box{
            /*align-items: flex-start;*/
            /*padding-bottom: 10px;*/
            font-size: 14px;
            color: #999999;
            /*background: red;*/
            margin-top: 20px;
            width: 100%;
            border-bottom: 1px solid #EAEAED;
            /*height: 50px;*/
        }
        .ul_left li{
            position: relative;
            width: 100%;
            /*height: 40px;*/
        }
        .title_box{
            justify-content: flex-end;
            /*position: absolute;*/
            /*left: 0;right: 0;*/
            /*bottom: 0;top: 0;*/
        }
        .ul_box_{
            /*position: absolute;*/
            /*top: 40px;*/
            /*left: 0;*/
            /*right: 0;*/
            /*height: 40px;*/
        }
        .title_box_icon{
            display: flex;
            justify-content: space-around;
            align-items: center;
            cursor: pointer;
            width: 30px;
            height: 30px;
            color: #999999;
        }
        .title_box_icon p{
            width: 19px;
            height: 19px;
            background-size: cover;
            background: url("../image/add_tab.png");
        }
        .title_box_text{
            color: #999999;
            border-bottom: 1px solid #eaeaea;
            overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
            line-height: 40px;
            font-size: 14px;
            cursor: pointer;
            width: calc(100% - 30px);
            height: 100%;
            text-align: left;
        }

        .title_box .title_box_active{
            color: #1772fa;
        }

        body .title_box_text2{
            width: calc(100% - 50px);
        }
        body .title_box_text3{
            width: calc(100% - 70px);
        }
        body .title_box_text4{
            width: calc(100% - 90px);
        }
        body .title_box_text5{
            width: calc(100% - 110px);
        }


        .ul_left>p{
            color: #ffffff;
            background: #1772fa;
            text-indent: 20px;
            font-size: 16px;
            line-height: 50px;
        }
        .icon3{
            width: 14px;
            height: 16px;
            background: url(../image/icon_20.png)no-repeat;
            background-size: cover;
            cursor: pointer;
        }
        .icon4{
            width: 14px;
            height: 16px;
            background: url(../image/icon_13.png)no-repeat;
            background-size: cover;
            cursor: pointer;
        }
        .icon5{
            width: 16px;
            height: 16px;
            background: url(../image/icon_16.png)no-repeat;
            background-size: cover;
            cursor: pointer;
        }
        .icon6{
            width: 16px;
            height: 16px;
            background: url(../image/icon_18.png)no-repeat;
            background-size: cover;
            cursor: pointer;
        }
        .paging_box_{
            padding: 10px 10px 10px 0px;
            display: flex;
            justify-content: flex-end;
        }
        .tool_box_title{
            width: 40px;
        }
        .tool_box_box{
            width: calc(100% - 40px);
        }
        .tool_box_ul{
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        .tool_box_ul li{
            cursor: pointer;
            padding: 10px;
        }
        body .tool_box_ul .active{
            color: #1772fa;
            border-top: 1px solid #EAEAED;
            border-left: 1px solid #EAEAED;
            border-right: 1px solid #EAEAED;
        }
        .option_box{
            justify-content: flex-start;
            position: relative;
            flex-wrap: wrap;
            font-size: 14px;
        }
        .option_box>div{
            padding: 5px 10px;
            cursor: pointer;
        }
        .option_box>div>span{
           color: #1772fa;
        }
        body .option_box>.option_item_active{
            color: #ffffff;
            background: #1772fa;
        }
        body .option_box>.option_item_active>span{
            color: #ffffff;
            /*background: #1772fa;*/
        }
        .option_box>p{
            position: absolute;
            width: 30px;
            height: 30px;
            right: 0px;
            top: 0px;
            cursor: pointer;
        }
        .btn_box {
            padding: 15px 0px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        .btn_box_r{
            padding-right: 10px;
            color: #999999;
            font-size: 12px;
        }
        .btn_box_r span {
            padding: 0 10px 0px 5px;
        }
        .my_i_4 {
            width: 12px;
            height: 15px;
            background: url(../image/icon_13.png)no-repeat center center;
            background-size: cover;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="header">
        <div class="header_t flex">
            <div class="header_t_c flex">
                <div class="flex">动态信息知识库</div>
                <div>
                    <ul class="flex">
                        <li class="flex"><span class="flex home_page">首页</span></li>
                        <li class="flex"><span class="flex ul_active knowledge_page">知识库</span></li>
                        <li class="flex"><span class="flex">系统管理</span></li>
                        <!--<li class="flex"><span class="flex">登陆</span></li>-->
                        <li class="flex">
                            <i class="photo"></i><span class="flex name my_page"></span><i class="quit_btn flex">退出</i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header_b flex">

        </div>
    </div>
    <div class="bodyer flex">
        <div class="power flex">
            <div class="ul_left">
                <p>知识库分类</p>
                <div class="ul_box">
                    <ul class="ul_box_box"></ul>
                </div>
            </div>
            <div class="bodyer_r">
                <div class="search_box flex"><input placeholder="请输入要搜索的内容" class="search_inp" type="text"><i class="search_btn"></i></div>
                <div class="tool_box flex">
                    <div class="tool_box_title">筛选:</div>
                    <div class="tool_box_box">
                        <ul class="tool_box_ul">
                            <li type="country">国家</li>
                            <li type="lang">语种</li>
                            <li type="dates">年份</li>
                            <li type="medias">媒体源</li>
                        </ul>
                        <div></div>
                    </div>
                </div>
                <div class="option_box flex"></div>
                <div class="btn_box">
                    <div class="flex btn_box_r">
                        <span>批量下载</span><i class="my_i_4 batch_down_btn"></i>
                    </div>
                </div>
                <div class="table_box">
                    <table cellspacing="0">
                        <thead>
                            <tr >
                                <th >文章标题</th>
                                <th >作者</th>
                                <th >发布时间</th>
                                <th>媒体源</th>
                                <th>国家</th>
                                <th>语种</th>
                                <th >知识库</th>
                                <th >下载</th>
                                <th >收藏</th>
                            </tr>
                        </thead>
                        <tbody class="tbody">
                        </tbody>
                    </table>
                </div>
                <div class="paging_box_">

                </div>
            </div>
        </div>
    </div>
</div>

<script id="item_list_tem" type="text/x-dot-template">
    {{~it:value:index}}
    <li>
        <div class="flex title_box">
            {{?value.hasChild}}
            <div class="title_box_icon" hasChild="{{=value.hasChild}}" stap="{{=value.stap}}" type="close" id_="{{=value.id}}">
                <p></p>
            </div>
            {{??}}
            <div class="title_box_icon" hasChild="{{=value.hasChild}}" style="visibility: hidden" stap="{{=value.stap}}" type="close" id_="{{=value.id}}"></div>
            {{?}}

            <div class="title_box_text title_box_text{{=value.stap}}" hasChild="{{=value.hasChild}}" id_="{{=value.id}}">{{=value.title}}</div></div>
        <div class="ul_box_">
            <ul class="ul_box_box{{=value.stap}}"></ul>
        </div>
    </li>
    {{~}}
</script>

<script id="item_list_tem4" type="text/x-dot-template">
    <p class="flex close_btn">X</p>
   {{~it:value:index}}
   <div type="{{=value.type}}" value="{{=value.searchValue}}" class="option_item">{{=value.searchLabel}}<span>({{=value.searchCount}})</span></div>
   {{~}}
</script>

<script id="item_list_tem5" type="text/x-dot-template">
    {{~it:value:index}}
    <tr>
        <td >
            <div style="display: flex;justify-content: flex-start;align-items: center;width: 100%;padding:10px 0px">
                <input id_="{{=value.id}}" class="title_box_check" type="checkbox">
                <span class="title_box_" title="{{=value.title}}" id_="{{=value.id}}" style="cursor: pointer;text-align: left">{{=value.title}}</span>
            </div>
        </td>
        <td>
            <p title="{{=value.author}}">
                {{?value.author}}
                {{=value.author}}
                {{?}}
            </p>
        </td>
        <td>
            <p title="{{=value.pubDate}}">
                {{?value.pubDate}}
                {{=value.pubDate}}
                {{?}}
            </p>
        </td>
        <td>
            <p title="{{=value.organization}}">
                {{?value.organization}}
                {{=value.organization}}
                {{?}}
            </p>
        </td>
        <td>
            <p title="{{=value.mediaCountry}}">
                {{?value.mediaCountry}}
                {{=value.mediaCountry}}
                {{?}}
            </p>
        </td>
        <td>
            <p title="{{=value.langName}}">
                {{?value.langName}}
                {{=value.langName}}
                {{?}}
            </p>
        </td>
        <td>
            <p title="{{=value.classifyName}}">
                {{?value.classifyName}}
                {{=value.classifyName}}
                {{?}}
            </p>
        </td>
        <td>
            <div class="flex">
                {{?value.download}}
                <i class="icon3 icon_btn" id_="{{=value.id}}" type="down" value="true"></i>
                {{??}}
                <i class="icon4 icon_btn" id_="{{=value.id}}" type="down" value="false"></i>
                {{?}}
            </div>
        </td>
        <td>
            <div class="flex">
               {{?value.collect}}
                <i class="icon5 icon_btn" id_="{{=value.id}}" type="collect" value="true"></i>
               {{??}}
                <i class="icon6 icon_btn" id_="{{=value.id}}" type="collect" value="false"></i>
               {{?}}
            </div>
        </td>
    </tr>
    {{~}}
</script>
<script src="../js/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/doT.min.js"></script>
<script src="../js/url.js"></script>
<script>
    var stap = 1,stap_id=0,classifyParents="",search_data={
        "pageNo":"1",
        "pageSize":"20",
        "searchValue":""
    },select_data={},search_data1={},el=null,dom=null,mediaCountry=null,canSearch=true,isDefault=true,batch_down={},isClassClick = false;
$(function () {
    if(GetQueryString('mediaCountry')&&GetQueryString('mediaCountry')!="null"){
        mediaCountry = decodeURI(GetQueryString('mediaCountry'));
        $('.tool_box_ul>li:nth-of-type(1)').css({"display":"none"});
        $('.ul_left>p').text(mediaCountry)
        search_data.mediaCountry = mediaCountry;
        isDefault = false;
    }
    render_user();
    getselect();


    $('body').on('click','.title_box_icon',function () {
        var type = $(this).attr('type');
        if(type=="close"){
            var id = $(this).attr('id_');
            stap_id = id;
            search_data.pageNo = 1;
            search_data.classifyParents = id;
            dom = $(this);
            el = $(this).parent().parent().find('.ul_box_box'+$(this).attr('stap'));
            stap = Number($(this).attr('stap'))+1;
            canSearch = false;
            classifyTree()
        }else{
            $(this).parents('li').find('.ul_box_box'+$(this).attr('stap')).empty();
            $(this).attr({'type':'close'}).find('p').css({"background":"url(../image/add_tab.png)","background-size":"cover"});
        }
        return false;

    })
    //
    $('body').on('click','.title_box_text',function () {
            isClassClick = true;
        // if($(this).attr('hasChild')=="true"){
            $('.option_box').empty();
            $('.tool_box_ul>li').removeClass('active');
            $('.title_box_active').removeClass('title_box_active');
            $(this).addClass('title_box_active');
            search_data.classifyParents = $(this).attr('id_');
            search_data.pageNo = 1;
            delete search_data.pubDate;
            delete search_data.mediald;
            delete search_data.lang;
            if(!mediaCountry){
                delete search_data.mediaCountry;
            }
            get_search_res()
        // }
    });

    $('body').on('click','.option_item',function () {
        var type = $(this).attr('type');
        var value = $(this).attr('value');
        $('.tool_box_ul>li').removeClass('avtive');

        $('.option_item_active').removeClass('option_item_active')
        $(this).addClass('option_item_active');
        var search_val_ = $('.search_inp').val();
        var classifyParents_ = search_data.classifyParents?search_data.classifyParents:null;
        if(mediaCountry){
            var country = search_data.mediaCountry;
            search_data = {
                "pageNo" : "1",
                "pageSize" : "20",
                "mediaCountry" : country,
                "searchValue" : search_val_
            };
        }else{
            search_data = {
                "pageSize" : "20",
                "pageNo" : "1",
                "searchValue" : search_val_
            }
        }
        classifyParents_?search_data.classifyParents=classifyParents_:"";

        if(type=="dates") search_data.pubDate = value;
        if(type=="medias") search_data.mediald = value;
        if(type=="lang") search_data.lang = value;
        if(type=="country") search_data.mediaCountry = value;
        // $('.option_box').empty();
        get_search_res()
    });
    $('body').on('click','.title_box_',function () {
        var id_ = $(this).attr('id_');
        url_jump('detail',{"id":id_})
    })
    $('body').on('click','.search_btn',function () {
        if($('.search_inp').val()==""){
            s_warning('请输入搜索内容')
            return
        }
        // mediaCountry = null;
        search_data.pageNo = 1;
        search_data.searchValue = $('.search_inp').val();
        get_search_res()
    })
    $('body').on('click','.close_btn',function () {
        $('.option_box').empty();
    })
    $('body').on('click','.tool_box_ul>li',function () {
        var type = $(this).attr('type');
        $(this).addClass('active').siblings().removeClass('active')
        select_data[type].map(function (value) { return value.type = type })
        // console.log(select_data[type])
        doT_render2('.option_box','#item_list_tem4',select_data[type]);
    })
    $('body').on('click','.icon_btn',function(){
        var that = $(this);
        var type = that.attr('type');
        var id_ = that.attr('id_');
        var value = that.attr('value')
        if(type=="down"){
            if(value=="false"){
                that.css({
                    "background":"url(../image/icon_20.png)no-repeat",
                    "background-size":"cover"
                })
            }
            downfile(id_)
        }else{
            if(value=="true"){
                that.attr({'value':'false'})
                cancelCollect(id_,function(){
                    that.css({
                        "background":"url(../image/icon_18.png)no-repeat",
                        "background-size":"cover"
                    })
                })
            }else{
                that.attr({'value':'true'})
                saveCollect(id_,function(){
                    that.css({
                        "background":"url(../image/icon_16.png)no-repeat",
                        "background-size":"cover"
                    })
                })
            }
        }
    })


    $('body').on('change','.title_box_check',function(){
        var that = $(this);
        if(that.is(':checked')){
            batch_down[that.attr('id_')] = true
        }else{
            delete batch_down[that.attr('id_')]
        }
    })

    $('.batch_down_btn').on('click',function(){
        var batch_down_arr = []
        for(var i in batch_down){
            batch_down_arr.push(i)
        }
        if(batch_down_arr.length>0){
            downfile(batch_down_arr.join(','))
        }else{
            s_warning('请选择需要下载的文件');
        }
    })

})

    function get_search_res(){
        var option = option_structure([
            {
                "method":"post",
                "url":ajax_url.simpleSearch,
                "data" : search_data
            }
        ]);
        var back = callback_structure([
            data_handle2
        ]);
        pro_all(option,back)
    }
    function getselect() {
        var condition = {};
        mediaCountry?condition.mediaCountry = mediaCountry:'';
        var option_arr = [
            {
                "method" : "post",
                "data" : condition,
                "url" : ajax_url.selectDynamicCondition
            },
            {
                "method":"get",
                "url":ajax_url.classifyTree+'?id=0'
            }
            ];
        var back_arr = [
            function (res) {
                select_data = res
            },
            data_handle
        ];

        if(mediaCountry){
            option_arr.push(
                {
                    "method":"post",
                    "url":ajax_url.simpleSearch,
                    "data" : search_data
                }
            );
            back_arr.push(data_handle2)
        }
        var option = option_structure(option_arr);
        var back = callback_structure(back_arr);
        pro_all(option,back)
    }
    
    function classifyTree(el,y) {
        var option = option_structure([
            {
                "method":"get",
                "url":ajax_url.classifyTree+'?id='+stap_id
            }
        ]);
        var back = callback_structure([
            data_handle
        ]);
        pro_all(option,back)
    }
    
    function data_handle(res) {
        judge_data(res,function (data) {
            data.map(function (value) { return value.stap=stap })

            if(dom){
                doT_render2(el?el:'.ul_box_box','#item_list_tem',data);
                dom.attr({'type':'open'}).find('p').css({"background":"url(../image/reduce_tab.png)","background-size":"cover"})
            }else{
                doT_render2('.ul_box_box','#item_list_tem',data);
            }
            if(!mediaCountry&&isDefault){
                isDefault = false;
                $('.ul_box_box>li:nth-of-type(1)').find('.title_box_text').addClass('title_box_active')
            }
            if(!mediaCountry&&canSearch){
                search_data.classifyParents=data[0].id;
                get_search_res()
            }
        })
    }

    function data_handle2(res) {
        judge_data(res.data,function (data) {
            for(var i=0;i<data.length;i++){
                if(data[i].pubDate){
                    var ti = data[i].pubDate.split(' ')[0].replace(/-/g,'/');
                    data[i].pubDate = ti
                }
            }
            $('.tbody').empty();
            doT_render('.tbody','#item_list_tem5',data);
            // var _search = null;
            // mediaCountry?_search=search_data1:_search=search_data;
            search_data.pageNo = res.pageNo;
            search_data.totalPage = res.totalPage;
            search_data.total = res.total;
            paging_render('.paging_box_',search_data);
            if(isClassClick){
                isClassClick = false;
                getCondition();
            }
        })
    }

    function getCondition(){
        var post_data = {
            "classifyParents":search_data.classifyParents
        }
        if(mediaCountry){
            post_data.mediaCountry = mediaCountry;
        }
        var option_arr = [
            {
                "method" : "post",
                "data" : post_data,
                "url" : ajax_url.selectDynamicCondition
            }
        ];
        var back_arr = [
            function (res) {
                select_data = res
            }
        ];
        var option = option_structure(option_arr);
        var back = callback_structure(back_arr);
        pro_all(option,back)
    }
</script>
</body>
</html>